<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<jsp:include page="../podstrony/head.jsp">
	<jsp:param value="polaczenia.dodajPrzystanki" name="tytul" />
</jsp:include>
<body>
	<script type="text/javascript">
		$(document).ready(function() {
			var i = 0;
			pobierzPrzystanki();
			$(".usun").hide();
			$(".dodaj").click(function(event) {
				var tabela = $(".tabela");
				tabela.fadeIn('slow').show();
				i++;
				if (i > 0) {
					$(".usun").show();
				}
				var powiel = $(".powiel:first").clone(true).fadeIn('slow');
				$("table tr:last").after(powiel);
			});

			$(".usun").click(function(event) {
				if (i > 0) {
					$(".powiel:last").remove();
					i--;
					if (i <= 0) {
						$(".usun").hide();
					}
				}
			});
		});
	</script>

	<div class="wrapper">
		<div class="top">
			<jsp:include page="../podstrony/logo.jsp" />
			<jsp:include page="../podstrony/logowanieInformacja.jsp" />
		</div>
		<jsp:include page="../podstrony/pasekMenu.jsp" />
		<div class="panelGlowny">
			<h1>
				<spring:message code="polaczenia.dodajPrzystanki" />
			</h1>
			<div class="tresc">
				<form:form action="zapiszPrzystanek">
					<br />
					<spring:message code="przystanek.nazwa" />
					<form:input path="nazwa" />
					<form:errors path="nazwa" />
					<spring:message code="przystanek.miasto" />
					<form:input path="miasto" />
					<form:errors path="miasto" />
					<spring:message code="polaczenie.rodzajPolaczenia" />
					<form:select id="typPolaczenia" path="typPolaczenia"
						onchange="pobierzPrzystanki();">
						<form:options items="${lista}" itemValue="id" itemLabel="nazwa" />
					</form:select>
					<br />
					<br />
					<b><spring:message code="przystanek.powiazanePrzystanki" /> </b>
					<br />
					<form:errors path="przystankiPolaczone" /> <br/>
					<form:errors path="odleglosci" />	<br />
					<form:errors path="cenaPrzejazdu" /> <br />
					<table class="tabela">
						<tr>
							<th><spring:message code="przystanek.nazwa" />
							</th>
							<th><spring:message code="przystanek.odleglosc" />
							</th>
							<th><spring:message code="przystanek.cena" />
							</th>
						</tr>
						<tr class="powiel">
							<td><select name="przystankiPolaczone" class="idPrzystanku">

							</select></td>
							<td><form:input path="odleglosci" value="0" size="4" onfocus="wymusSameCyfry();" /> <spring:message
									code="polaczenie.km" />.</td>
							<td><form:input path="cenaPrzejazdu" value="0" size="4" onfocus="wymusSameCyfry();" />
							</td>
						</tr>
					</table>
					<a href="#" class="dodaj"><spring:message
							code="polaczenie.dodajPrzystanek" /> </a>
					<a href="#" class="usun"><spring:message
							code="polaczenie.usunPrzystanek" /> </a>
					<input type="submit" value="Zapisz" />
				</form:form>
			</div>
		</div>
		<jsp:include page="../podstrony/stopka.jsp" />
	</div>
</body>
</html>